<template>
  <div :class="['icon', className]" :style="{backgroundImage: 'url(' + imagePath + ')'}"></div>
</template>

<script>
export default {
  props: {
    imagePath: {
      type: String,
      required: true
    },
    className: {
      type: String,
      default: ''
    }
  }
}
</script>

<style scoped>
.icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  margin-left: 3px;
}
</style>
